<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
    <title>-后台管理中心</title>
    <link rel="stylesheet" href="__TMPL__Public/templates/css/pintuer.css">
    <link rel="stylesheet" href="__TMPL__Public/templates/css/jquery.tagsinput.css">
    <link rel="stylesheet" href="__TMPL__Public/templates/css/admin.css">
    <script src="__TMPL__Public/templates/js/jquery.js"></script>
    <script src="__TMPL__Public/templates/js/pintuer.js"></script>
    <script src="__TMPL__Public/templates/js/respond.js"></script>
    <script type="text/javascript" src="__TMPL__Public/templates/js/jquery.pack.js"></script>
    <script type="text/javascript" src="__TMPL__Public/templates/js/jQuery.blockUI.js"></script>
    <script type="text/javascript" src="__TMPL__Public/templates/js/jquery.SuperSlide.js"></script>

</head>

<body>
<div class="admin-bread">
    <tc_include file="Public/user"/>
    <ul class="bread">
        <li>
            <a href="/" class="icon-home"> 开始</a>
        </li>
        <li>首页</li>
        <li>广告配置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a style="color:blue;">试用会员账户,将于试用期结束后24小时被自动删除.</a></li>
    </ul>
</div>
<style>
.tagsinput{font-size:14px;padding:4px;border:solid 1px #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;width:100%;}
    .line_div{line-height: 26px;height:26px;}
</style>
<div class="admin">
    <div class="panel admin-panel">
        <div class="panel-head"><strong>编辑内容</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.yunfu123.net/" target="_blank" style="font-size:15px; color:red;">点击查看"广告配置"样例+字段说明</a></div>
        <div class="tab-body">
            <br>
            <div class="tab-panel active ma_bottom" id="tab-set">
                <form action="{:U('User/center/ad_action')}" method="post" enctype="multipart/form-data" class="form-x">
                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">网站域名</label>
                        </div>
                        <div class="field">
                            <input type="text" class="input" name="domain" style="width:60%;" placeholder="英文逗号隔开，最多添加4个" value="{$info.domain}">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">目标网址</label>
                        </div>
                        <div class="field">
                            <input type="text" class="input" name="url" style="width:60%;" value="{$info.url}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">默认关键词</label>
                        </div>
                        <div class="field">
                            <input type="text" class="input" name="kw" style="width:60%;" value="{$info.kw}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">禁止省份</label>
                        </div>
                        <div class="field">
                            <input type="text" class="input" name="banprovince" style="width:60%;"
                                   value="{$info.banprovince}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">禁止城市</label>
                        </div>
                        <div class="field">
                            <input type="text" class="input" name="bancity" style="width:60%;" value="{$info.bancity}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">对联广告(左)</label>
                        </div>
                        <div class="field">
                            <div class="line_div">图片：</div>
                            <input type="text"  class="input" style="width:40%;" value="{$info.adleft}"/><input name="adleft"
                                                                              accept=".jpg, .jpeg,.png , .gif"
                                                                              class="change" type="file"
                                                                              onchange="this.previousSibling.value=this.value;"/>
                            <div class="line_div">链接地址：</div>
                            <input type="text" class="input" style="width:60%;" name="adleft_link" style="width:40%;"
                                   value="{$info.adleft_link}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">对联广告(右)</label>
                        </div>
                        <div class="field">
                            <div class="line_div">图片：</div>
                            <input type="text"  class="input" style="width:40%;" value="{$info.adright}"/><input name="adright"
                                                                               accept=".jpg, .jpeg,.png , .gif"
                                                                               class="change" type="file"
                                                                               onchange="this.previousSibling.value=this.value;"/>
                            <div class="line_div">链接地址：</div>
                            <input type="text" class="input" style="width:60%;" name="adright_link" style="width:40%;"
                                   value="{$info.adright_link}">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="label">
                            <label for="sitename">开启关闭对联广告</label>
                        </div>
                        <div class="field" style=" margin-top:8px">
                            <label><input name="couplet" type="radio"
                                <if condition="$info.couplet eq '1'">checked</if>
                                checked value="1">开启</label>
                            <label><input name="couplet" type="radio"
                                <if condition="$info.couplet eq '0'">checked</if>
                                value="0">关闭</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="label">
                            <label for="sitename"></label>
                        </div>
                        <div class="field">


                            <div class="effect">
                                <div class="slideTxtBox">
                                    <div class="hd">
                                        <ul>
                                            <li class="on"><a href="javascript:;">顶部广告</a></li>
                                            <li><a href="javascript:;">底部广告</a></li>
                                        </ul>
                                    </div>
                                    <div class="bd">
                                        <ul class="infoList">
                                            <li class="tit">
                                                <div>广告1</div>
                                            </li>
                                            <li>
                                                <div>标题：</div>
                                                <input type="text" class="input" name="ad_top1_title" style="width:60%;"
                                                       value="{$info.ad_top1_title}">
                                            </li>
                                            <li>
                                                <div>图片：</div>
                                                <input type="text" class="input" style="width:35%;" name="ad_top1_pic"
                                                       value="{$info.ad_top1_pic}"/><input name="ad_top1_pic"
                                                                                           accept=".jpg, .jpeg,.png , .gif"
                                                                                           class="change" type="file"
                                                                                           onchange="this.previousSibling.value=this.value;"/>
                                                <a class="clear_pic" href="javascript:void(0)">清除图片</a>
                                            </li>
                                            <li class="desc">
                                                <div>描述：</div>
                                                <textarea class="input" name="ad_top1_desc" cols="50" style="width:60%;"
                                                          placeholder="描述说明">{$info.ad_top1_desc}</textarea>
                                            </li>
                                            <li>
                                                <div>电话：</div>
                                                <input type="text" class="input" name="ad_top1_tel" style="width:60%;"
                                                       value="{$info.ad_top1_tel}">
                                            </li>
                                            <!--<li>-->
                                                <!--<div>名字：</div>-->
                                                <!--<input type="text" class="input" name="ad_top1_name" style="width:60%;"-->
                                                       <!--value="{$info.ad_top1_name}">-->
                                            <!--</li>-->
                                            <li>
                                                <div>显示网址：</div>
                                                <input type="text" class="input" name="ad_top1_show_url"
                                                       style="width:60%;" value="{$info.ad_top1_show_url}">
                                            </li>
                                            <li>
                                                <div>链接地址：</div>
                                                <input type="text" class="input" name="ad_top1_link_url"
                                                       style="width:60%;" value="{$info.ad_top1_link_url}">
                                            </li>
                                            <li class="tit">
                                                <div>广告2</div>
                                            </li>
                                            <li>
                                                <div>标题：</div>
                                                <input type="text" class="input" name="ad_top2_title" style="width:60%;"
                                                       value="{$info.ad_top2_title}">
                                            </li>
                                            <li>
                                                <div>图片：</div>
                                                <input type="text" class="input" style="width:35%;" name="ad_top2_pic"
                                                       value="{$info.ad_top2_pic}"/><input name="ad_top2_pic"
                                                                                           accept=".jpg, .jpeg,.png , .gif"
                                                                                           class="change" type="file"
                                                                                           onchange="this.previousSibling.value=this.value;"/>
                                                <a class="clear_pic" href="javascript:void(0)">清除图片</a>
                                            </li>
                                            <li class="desc">
                                                <div>描述：</div>
                                                <textarea class="input" name="ad_top2_desc" cols="50" style="width:60%;"
                                                          placeholder="描述说明">{$info.ad_top2_desc}</textarea>
                                            </li>
                                            <li>
                                                <div>显示网址：</div>
                                                <input type="text" class="input" name="ad_top2_show_url"
                                                       style="width:60%;" value="{$info.ad_top2_show_url}">
                                            </li>
                                            <li>
                                                <div>链接地址：</div>
                                                <input type="text" class="input" name="ad_top2_link_url"
                                                       style="width:60%;" value="{$info.ad_top2_link_url}">
                                            </li>
                                            <li class="tit">
                                                <div>广告3</div>
                                            </li>
                                            <li>
                                                <div>标题：</div>
                                                <input type="text" class="input" name="ad_top3_title" style="width:60%;"
                                                       value="{$info.ad_top3_title}">
                                            </li>
                                            <li>
                                                <div>图片：</div>
                                                <input type="text" class="input" style="width:35%;" name="ad_top3_pic"
                                                       value="{$info.ad_top3_pic}"/><input name="ad_top3_pic"
                                                                                           accept=".jpg, .jpeg,.png , .gif"
                                                                                           class="change" type="file"
                                                                                           onchange="this.previousSibling.value=this.value;"/>
                                                <a class="clear_pic" href="javascript:void(0)">清除图片</a>
                                            </li>
                                            <li class="desc">
                                                <div>描述：</div>
                                                <textarea class="input" name="ad_top3_desc" cols="50" style="width:60%;"
                                                          placeholder="描述说明">{$info.ad_top3_desc}</textarea>
                                            </li>
                                            <li>
                                                <div>显示网址：</div>
                                                <input type="text" class="input" name="ad_top3_show_url"
                                                       style="width:60%;" value="{$info.ad_top3_show_url}">
                                            </li>
                                            <li>
                                                <div>链接地址：</div>
                                                <input type="text" class="input" name="ad_top3_link_url"
                                                       style="width:60%;" value="{$info.ad_top3_link_url}">
                                            </li>
                                        </ul>
                                        <ul class="infoList" style="display: none;">
                                            <li class="tit">
                                                <div>广告1</div>
                                            </li>
                                            <li>
                                                <div>标题：</div>
                                                <input type="text" class="input" name="ad_bottom1_title"
                                                       style="width:60%;" value="{$info.ad_bottom1_title}">
                                            </li>
                                            <li>
                                                <div>图片：</div>
                                                <input type="text" class="input" style="width:35%;" name="ad_bottom1_pic"
                                                       value="{$info.ad_bottom1_pic}"/><input name="ad_bottom1_pic"
                                                                                              accept=".jpg, .jpeg,.png , .gif"
                                                                                              class="change" type="file"
                                                                                              onchange="this.previousSibling.value=this.value;"/>
                                                <a class="clear_pic" href="javascript:void(0)">清除图片</a>
                                            </li>
                                            <li class="desc">
                                                <div>描述：</div>
                                                <textarea class="input" name="ad_bottom1_desc" cols="50"
                                                          style="width:60%;"
                                                          placeholder="描述说明">{$info.ad_bottom1_desc}</textarea>
                                            </li>
                                            <li>
                                                <div>电话：</div>
                                                <input type="text" class="input" name="ad_bottom1_tel"
                                                       style="width:60%;" value="{$info.ad_bottom1_tel}">
                                            </li>
                                            <!--<li>-->
                                                <!--<div>名字：</div>-->
                                                <!--<input type="text" class="input" name="ad_bottom1_name"-->
                                                       <!--style="width:60%;" value="{$info.ad_bottom1_name}">-->
                                            <!--</li>-->
                                            <li>
                                                <div>显示网址：</div>
                                                <input type="text" class="input" name="ad_bottom1_show_url"
                                                       style="width:60%;" value="{$info.ad_bottom1_show_url}">
                                            </li>
                                            <li>
                                                <div>链接地址：</div>
                                                <input type="text" class="input" name="ad_bottom1_link_url"
                                                       style="width:60%;" value="{$info.ad_bottom1_link_url}">
                                            </li>
                                            <li class="tit">
                                                <div>广告2</div>
                                            </li>
                                            <li>
                                                <div>标题：</div>
                                                <input type="text" class="input" name="ad_bottom2_title"
                                                       style="width:60%;" value="{$info.ad_bottom2_title}">
                                            </li>
                                            <li>
                                                <div>图片：</div>
                                                <input type="text" class="input" style="width:35%;" name="ad_bottom2_pic"
                                                       value="{$info.ad_bottom2_pic}"/><input name="ad_bottom2_pic"
                                                                                              accept=".jpg, .jpeg,.png , .gif"
                                                                                              class="change" type="file"
                                                                                              onchange="this.previousSibling.value=this.value;"/>
                                                <a class="clear_pic" href="javascript:void(0)">清除图片</a>
                                            </li>
                                            <li class="desc">
                                                <div>描述：</div>
                                                <textarea class="input" name="ad_bottom2_desc" cols="50"
                                                          style="width:60%;"
                                                          placeholder="描述说明">{$info.ad_bottom2_desc}</textarea>
                                            </li>
                                            <li>
                                                <div>显示网址：</div>
                                                <input type="text" class="input" name="ad_bottom2_show_url"
                                                       style="width:60%;" value="{$info.ad_bottom2_show_url}">
                                            </li>
                                            <li>
                                                <div>链接地址：</div>
                                                <input type="text" class="input" name="ad_bottom2_link_url"
                                                       style="width:60%;" value="{$info.ad_bottom2_link_url}">
                                            </li>
                                            <li class="tit">
                                                <div>广告3</div>
                                            </li>
                                            <li>
                                                <div>标题：</div>
                                                <input type="text" class="input" style="width:60%;" name="ad_bottom3_title"
                                                       style="width:60%;" value="{$info.ad_bottom3_title}">
                                            </li>
                                            <li>
                                                <div>图片：</div>
                                                <input type="text" class="input" style="width:35%" name="ad_bottom3_pic"
                                                       value="{$info.ad_bottom3_pic}"/><input name="ad_bottom3_pic"
                                                                                              accept=".jpg, .jpeg,.png , .gif"
                                                                                              class="change" type="file"
                                                                                              onchange="this.previousSibling.value=this.value;"/>
                                                <a class="clear_pic" href="javascript:void(0)">清除图片</a>
                                            </li>
                                            <li class="desc">
                                                <div>描述：</div>
                                                <textarea class="input" name="ad_bottom3_desc" cols="50"
                                                          style="width:60%;"
                                                          placeholder="描述说明">{$info.ad_bottom3_desc}</textarea>
                                            </li>
                                            <li>
                                                <div>显示网址：</div>
                                                <input type="text" class="input" name="ad_bottom3_show_url"
                                                       style="width:60%;" value="{$info.ad_bottom3_show_url}">
                                            </li>
                                            <li>
                                                <div>链接地址：</div>
                                                <input type="text" class="input" name="ad_bottom3_link_url"
                                                       style="width:60%;" value="{$info.ad_bottom3_link_url}">
                                            </li>

                                            <!--<input class="change" type="file" class="upload_image" id="fileupload" accept="image/*" multiple >-->
                                            <!--<div id="imglist">  </div>-->
                                            <script>

                                                $("#fileupload").change(function () {
                                                    var file = $(this)["0"].files;
                                                    console.info(file);
                                                    var windowURL = window.URL || window.webkitURL;
                                                    for (let i = 0; i < file.length; i++) {
                                                        //限制图片大小
                                                        if (file[i].size > 1024 * 1024 * 2) {
                                                            alert('图片大小不能超过 2MB!');
                                                        }
                                                        //预览图片
                                                        var dataURL = windowURL.createObjectURL(file[i]);
                                                        $('#imglist').append($('<img/>').attr('src', dataURL));
                                                    }
                                                });
                                                $(".clear_pic").click(function () {
                                                    $(this).parent().find("input[type='text']").val('');
                                                });

                                            </script>
                                            <!--								<li class="tit">
                                                                            <div>广告4</div>
                                                                            </li>
                                                                            <li>
                                                                            <div>标题：</div><input type="text" class="input" name="b_title_4" style="width:60%;" value="">
                                                                            </li>
                                                                            <li class="desc">
                                                                            <div>描述：</div><textarea class="input" name="b_addesc_4" cols="50" style="width:60%;" placeholder="描述说明"></textarea>
                                                                            </li>
                                                                            <li>
                                                                            <div>显示网址：</div><input type="text" class="input" name="b_doamin_4" style="width:60%;" value="">
                                                                            </li>
                                                                            <li class="tit">
                                                                            <div>广告5</div>
                                                                            </li>
                                                                            <li>
                                                                            <div>标题：</div><input type="text" class="input" name="b_title_5" style="width:60%;" value="">
                                                                            </li>
                                                                            <li class="desc">
                                                                            <div>描述：</div><textarea class="input" name="b_addesc_5" cols="50" style="width:60%;" placeholder="描述说明"></textarea>
                                                                            </li>
                                                                            <li>
                                                                            <div>显示网址：</div><input type="text" class="input" name="b_doamin_5" style="width:60%;" value="">
                                                                            </li>-->
                                        </ul>
                                    </div>
                                </div>
                                <script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
                                <script src="__TMPL__Public/templates/js/jquery.tagsinput.js"></script>
                                <script src="__TMPL__Public/templates/js/admin.js"></script>
                            </div>

                        </div>
                    </div>

                    <div class="form-button">
                        <button class="button bg-main" type="submit">提交</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="panel-foot text-center">
            <ul class="pagination">
            </ul>
            <ul class="pagination pagination-group">
            </ul>
            <ul class="pagination">
            </ul>
        </div>
    </div>
    <p class="text-center text-gray text-footer">copyright @ 版权所有</p></div>
</body>
</html>